<template>
    <div v-if="url" class="content">
        <img data-v-73206a3b="" src="@/assets/img/kanke/material/audio.gif" alt="" class="image">
        <audio :src="url" controls="controls" autoplay></audio>
    </div>
</template>
<script>
export default {
    name: "KanKeTextbookMaterialPreviewAudio",
    props: {
        url: {
            type: String,
            default: ''
        }
    },
}
</script>
<style lang="scss" scoped>
.content {
    width: 600px;
    margin-top: 100px;
    display: flex;
    flex-direction: column;
    align-items: center;

    img {
        width: 328px;
        height: 78px;
        margin-bottom: 40px;
    }

    audio {
        width: 700px;
        height: 36px;
        background: #777;
    }
}
</style>